<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>商家详情</title>
	<link rel="stylesheet" href="../css/goods details.css">
</head>
<body>
	<div class="mainnav">
		<div class="mainnav_l">
			<ul>
				<li><a href="#">豆瓣</a></li>
				<li><a href="#">读书</a></li>
				<li><a href="#">电影</a></li>
				<li><a href="#">音乐</a></li>
				<li><a href="#">同城</a></li>
				<li><a href="#">小组</a></li>
				<li><a href="#">阅读</a></li>
				<li><a href="#">FM</a></li>
				<li><a href="#">东西</a></li>
				<li><a href="#">市集</a></li>
				<li><a href="#">更多</a></li>
			</ul>
		</div>
		<div class="mainnav_r">
			<ul>
				<li><a href="#">下载豆瓣客户端</a>
					<div class="client">
						<img class="dou-picture" src="../img/nav_doubanapp_6.png" alt="豆瓣">
						<p class="appintro">豆瓣</p>
						<p class="slogan">我们的精神角落</p>
						<img class="qrcode" src="../img/nav_doubanapp_6_qrcode.png" alt="二维码">
						<p class="download"><a href="#">iphone</a><span>·</span><a href="#">Android</a></p>
					</div>
				</li>
				<li><a href="#">登录</a></li>
				<li><a href="#">注册</a></li>
			</ul>
		</div>
	</div>

	<!-- market_header -->  

	<div class="market_header">
		<div class="inner">
			<div class="market_logo">
				<a href="#"><img src="../img/business_logo.jpg" alt="business"></a>
			</div>
			<ul class="list">
				<li><a href="#">首页</a></li>
				<li><a href="#">全部商品</a></li>
				<li><a href="#">品牌故事</a></li>
			</ul>
			<div class="market_user">
				<a href="#" class="user_pic"><img class="person" src="../img/u151256155-1.jpg"><span>个人中心</span></a>
				<a href="#" class="user_car"><img class="shopcar" src="../img/car.png"><span>1</span></a>
			</div>
			<div class="search">
				<form action="">
					<input type="text" placeholder="搜索">
					<a href="#"><img src="../img/搜索.png" alt=""></a>
				</form>
			</div>
		</div>
	</div>


	<div class="wrap">
		<div class="leftside">
			<ul>
				<li><a href="#">全部商品</a><span>></span></li>
				<li><a href="#">创意</a><span>></span></li>
				<li><a href="#">礼品</a><span>></span></li>
				<li><a href="#">设计</a><span>></span></li>
			</ul>
		</div>
		<div class="rightside">
		<a class="attention" href="#">关注店铺</a>
		<a class="people_attention" href="#"><span>·</span>12人关注</a>
		<a class="return" href="#">返回市集首页</a>
		</div>
		<div class="clearfix"></div>
		<div class="mainbox">
			<div class="leftbox">
				<img class="bimg"src="../img/p559848.jpg" alt="">
				<ul>
					<li><a href="#"><img src="../img/p559848.jpg" alt=""></a></li>
					<li><a href="#"><img src="https://img3.doubanio.com/view/dianpu_product_item/small/public/p559850.jpg" alt=""></a></li>
					<li><a href="#"><img src="https://img1.doubanio.com/view/dianpu_product_item/small/public/p559849.jpg" alt=""></a></li>
					<li><a href="#"><img src="https://img1.doubanio.com/view/dianpu_product_item/small/public/p559847.jpg" alt=""></a></li>
					<li><a href="#"><img src="https://img1.doubanio.com/view/dianpu_product_item/small/public/p555629.jpg" alt=""></a></li>
				</ul>
			</div>
			<div class="rightbox">
				<h3>美国BOGUI CLIK 极简风格金属卡包</h3>
				<h5>BOGUI</h5>
				<h4>￥395.00</h4>
				<p class="rightbox_p1">运费：0.00起&nbsp;非包邮地区</p>
				<p class="rightbox_p2"><span>劵</span>&nbsp;&nbsp;圣诞优惠</p>
				<p>圣诞优惠满一百元减五元</p>
				<div class="border_tb"></div>
				<div class="color">
					<dl>
						<dt>颜色:</dt>
						<dd><a href="#">黑色</a></dd>
						<dd><a href="#">篮色</a></dd>
						<dd><a href="#">红色</a></dd>
						<dd><a href="#">粉色</a></dd>
					</dl>
				</div>
				<div class="quantity">
					<dl>
						<dt>数量:</dt>
						<dd><a href="">-</a></dd>
						<dd><a href="#">1</a></dd>
						<dd><a href="#">+</a></dd>
						<dd>库存充足</dd>
					</dl>
				</div>
				<div class="buy">
					<a href="#">加入购物车</a><a href="#">立即购买</a>
				</div>
				<div class="promiss">
					<span>豆瓣市集担保</span><span>七天无理由退货</span><span>正品保证</span><span>独立品牌</span>
				</div>
			</div>
		</div>
		<!-- introduce -->
		<div class="leftbar">
			<div class="leftbar_top">
				<div class="bartop_l">
					<ul>
						<li><a href="#">商品详情</a></li>
						<li><a href="#">评价</a></li>
						<li><a href="#">讨论</a></li>
					</ul>
				</div>
				<div class="bartop_r">
					<ul>
						<li><a href="#">购物说明</a></li>
						<li><a href="#">联系豆瓣</a></li>
					</ul>
				</div>
			</div>
			<div class="leftbar_bg"></div>
			<div class="leftbar_img"><img src="https://img1.doubanio.com/view/dianpu_product_item/large/public/p555657.jpg" alt=""></div>
		</div>
		<div class="rightbar">
			<p class="maybe">您可能喜欢的商品</p>
			<div class="goodsdiv">
				<a href="#"><img class="goods_img hover_img" src="../img/p559848.jpg" alt="good1"></a>
				<p class="goods_p1"><a href="#">美国BOGUI CLIK 极简风格金属卡包</a></p>
				<p class="goods_p2"><a href="#">BOGUI</a></p>
				<div class="price">
					<div class="price_l"><!-- <del>￥128.00</del> --><span>￥395.00</span></div>
					<div class="love"><img src="../img/love.png" alt="赞"><span>3</span></div>
				</div>
			</div>
			<div class="goodsdiv">
				<a href="#"><img class="goods_img hover_img" src="../img/p564424.jpg" alt="good1"></a>
				<p class="goods_p1"><a href="#">美国BOGUI SLIP 极简风格卡包</a></p>
				<p class="goods_p2"><a href="#">BOGUI</a></p>
				<div class="price">
					<div class="price_l"><!-- <del>￥128.00</del> --><span>￥229.00</span></div>
					<div class="love"><img src="../img/love.png" alt="赞"><span>2</span></div>
				</div>
			</div>

			<div class="goodsdiv">
				<a href="#"><img class="goods_img hover_img" src="../img/p555632.jpg" alt="good1"></a>
				<p class="goods_p1"><a href="#">OHMY17 原创保温杯 500ml</a></p>
				<p class="goods_p2"><a href="#">OHMY</a></p>
				<div class="price">
					<div class="price_l"><!-- <del>￥128.00</del> --><span>￥118.00</span></div>
					<div class="love"><img src="../img/love.png" alt="赞"><span>3</span></div>
				</div>
			</div>

		</div>
		<div class="clearfix"></div>
		<div class="footer">
			<p>© 2005－2016 douban.com, all rights reserved 北京豆网科技有限公司</p>
			<ul>
				<li><a href="#">关于豆瓣</a><span>·</span></li>
				<li><a href="#">在豆瓣工作</a><span>·</span></li>
				<li><a href="#">联系我们</a><span>·</span></li>
				<li><a href="#">免责声明</a><span>·</span></li>
				<li><a href="#">帮助中心</a><span>·</span></li>
				<li><a href="#">移动应用</a><span>·</span></li>
				<li><a href="#">豆瓣广告</a><span>·</span></li>
			</ul>	
		</div>
	</div>
		
</body>
</html>